<template>
    <table border="1">
        <tr>
            <td>房型名称</td>
            <input type="text" v-model="Info.T_Name"/>
        </tr>
        <tr>
            <td>房号</td>
            <input type="text" v-model="Info.N_Name"/>
        </tr>
    </table>
        <!-- <tr>
            <td colspan="2" style="text-align:center;">
                <input type="button" value="添加" @click="addorder"/>
            </td>
        </tr> -->
</template>

<script setup lang="ts">
import {ref,onMounted} from 'vue'
import axios from 'axios'
import {useRouter,useRoute} from 'vue-router'

//创建路由的实例
const router=useRouter();
const route=useRoute();

//生命周期钩子
onMounted(()=>{
    // GetType();
    // GetNum();
    Xiang();
})

// //下拉框
// const Type=ref([{
//     T_Id:0,
//     T_Name:""
// }])

// //显示下拉框
// const GetType=()=>{
//     axios.get("https://localhost:7205/api/RoomNumber/GetType")
//     .then(res=>{
//         Type.value=res.data;
//     })
//     .catch(err=>{
//         console.log(err);
//     })
// }

// //房号
// const Num=ref([{
//     N_Id:0,
//     N_Name:""
// }])

// //获取房号
// const GetNum=()=>{
//     axios.get("https://localhost:7205/api/RoomOrder/GetNum")
//     .then(res=>{
//         Num.value=res.data;
//     })
//     .catch(err=>{
//         console.log(err);
//     })
// }

//响应式数据
const Info=ref({
    O_Id:route.params.id,
    T_Id:0,
    T_Name:"",
    N_Id:0,
    N_Name:""
})

//详情
const Xiang=()=>{
    axios.get("https://localhost:7205/api/RoomOrder/GetOrder?Oid="+route.params.id)
    .then(res=>{
        Info.value=res.data;
    })
    .catch(err=>{
        console.log(err);
    })
}
// //保存数据
// const addorder=()=>{
//     axios.post("https://localhost:7205/api/RoomOrder/AddRoomOrder",Info.value)
//     .then(res=>{
//         if(res.data>0)
//         {
//             alert("添加成功");
//             router.push("/ShowRoomOrder");
//         }
//         else if(res.data==-1)
//         {
//             alert("改房号已经存在，不能再添加");
//             return;
//         }
//         else{
//             alert("添加失败");
//         }
//     })
// }
</script>